<html>

<head>
    <meta charset="UTF-8">
    <title>表格及表单元素练习</title>
</head>

<body>
    <h1>表格及表单元素练习</h1>
    <h2>表格</h2>
    <table border="1">
        <caption>
            <p>1-9</p>
        </caption>
        <tr>
            <th>1</th>
            <th>2</th>
            <th>3</th>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>
    <h2>表单</h2>
    <h3>百度搜索</h3>
    <form action="https://www.baidu.com/s">
        <input type="text" name='wd'>
        <input type="submit" value="搜索">
    </form>
    <h3>淘宝搜索</h3>
    <form action="https://s.taobao.com/search">
        <label for="">请输入商品信息</label>
        <input type="text" name='keyword' placeholder="请输入商品信息">
        <input type="submit" value="搜索">
    </form>
    <h3>注册表单</h3>
    <form action="https://www.baidu.com/s">
        <label>邮箱</label>
        <input type="email" name='email' placeholder="邮箱账号或手机号"><span class="pr-domain j-prdomain" style="right: -76px;" id="auto-id-1522651940836">@163.com</span>
        <label>密码</label>
        <input type="password" name='password1' placeholder="请输入密码">
        <a href="javascript:void(0);" id="dologin" data-action="dologin" class="u-loginbtn btncolor tabfocus btndisabled" tabindex="8">登&nbsp;&nbsp;录</a>
        <a id="changepage" data-action="none" class="u-regbtn bgcolor tabfocus j-redirect" href="http://reg.email.163.com/mailregAll/reg0.jsp?from=163mail_right" data-outlink="2" target="_blank" tabindex="11">去注册</a>
        <input type="radio" name="sex" id="" value="男性">男性
        <input type="radio" name="sex" id="" value="女性">女性
        <input type="date">
        <input type="submit" value="注册">
    </form>
</body>

</html>